*{
    margin: 0;
    padding: 0;
    list-style: none;
    outline: none;
}
input{
    flex: 1;
    width: 300px;
    height: 50px;
}
button{
    width: 100px;
    height: 50px;
    background-color: orange;
    color: white;
}
.itmes{
    height: 50px;
    line-height: 50px;
    border: 1px solid #ccc;
    padding-left: 20px;
    margin-top: 40px;
    border-left: 6px solid orange;
}
.father{
    width: 550px;
    margin: 50px auto 50px auto;
}
/* flex 弹性布局
    justify-content: center  居中---元素之间没有距离
    justify-content: space-around 元素均匀的分布---两边有空间
    justify-content: space-between 元素均匀分布 --两边没有空间
    align-items: center 垂直居中
    给子元素添加  flex属性 --确定子元素宽度所占比例
    pull下载到本地
*/
.action{
    display: flex;
}